<template>
	<div class="container">
		<headbox :title="title"></headbox>
		<div class="context">
			<div class="context_1">
				<el-card class="box-card">
					<div slot="header" class="clearfix">
						<span>打印上传</span>
					</div>
					<el-form>
						<el-form-item label="打印作品报名表">
							<el-button size="small" type="primary">查阅打印</el-button>
						</el-form-item>
						<el-form-item label="作品报名表图片上传">
							<el-upload
							  class="upload-demo"
							  action="https://jsonplaceholder.typicode.com/posts/"
							  :file-list="fileList"
							  list-type="picture">
							  <el-button size="small" type="primary">点击上传</el-button>
							  <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
							</el-upload>
						</el-form-item>
						<el-form-item label="打印作品版权声明">
							<el-button size="small" type="primary">查阅打印</el-button>
						</el-form-item>
						<el-form-item label="作品版权声明图片上传">
							<el-upload
							  class="upload-demo"
							  action="https://jsonplaceholder.typicode.com/posts/"
							  :file-list="fileList"
							  list-type="picture">
							  <el-button size="small" type="primary">点击上传</el-button>
							  <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
							</el-upload>
						</el-form-item>
					</el-form>
				</el-card>
			</div>
			<div class="context_2">
				<el-card class="box-card">
					<div slot="header" class="clearfix">
						<span>作品缴费</span>
					</div>
					<div class="nav">
						<div class="top">广东省初赛</div>
						<div class="down">是否允许注册: 否</div>
					</div>
					<div class="nav">
						<div class="top">广东省决赛</div>
						<div class="down">是否允许注册: 否</div>
					</div>
				</el-card>
			</div>
		</div>
	</div>
</template>

<script>
	import headbox from './head.vue'
	export default {
		data() {
			return {
				title: '打印上传',
				fileList:[],
			}
		},
		methods: {},
		components: {
			headbox
		}
	}
</script>

<style>
	.btn {
		margin-top: 10px;
	}

	.context p {
		font-size: 14px;
	}
	
	.context_1{
		margin-bottom: 10px;
	}
	.context_2 .nav .top{
		height: 57px;
		line-height: 57px;
		padding-left: 20px;
		border: 1px solid #F0F0F0;
	}
	.context_2 .nav .down{
		height: 104px;
		line-height: 104px;
		padding-left: 20px;
		border: 1px solid #F0F0F0;
		margin-bottom: 10px;
	}
</style>
